<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美策服务平台</title>
    <link rel="shortcut icon" href="../../imgs/common/logo.png">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/StaffManage/common.css">
    <link rel="stylesheet" href="../../css/StaffManage/StaffType.css">
</head>
<body>
    <div class="common" id="Staff">
        <cm-header></cm-header>

        <div class="body">
            <!-- 员工类型 -->
            <div class="box staff" v-if="curPage.indexOf('EmployeeType') > -1 ">
                <h2 class="title">服装产业上下游注册</h2>
                <div class="btns">
                    <div class="btns-child">
                        <button class="btn staff-btn" 
                            @mouseenter="mBtnEnter" 
                            @mouseleave="mBtnLeave" 
                            @click="onSelectType('Factory')">
                            工厂员工</button>
                    </div>
                    <div class="btns-child">
                        <button class="btn staff-btn" 
                            @mouseenter="mBtnEnter" 
                            @mouseleave="mBtnLeave" 
                            @click="onSelectType('Company')">
                            公司员工</button>
                    </div>
                </div>
                <!-- <h3>注意：此处点击身份，直接切换页面了，实际当中需要点击下一页，再作页面跳转。这话是给技术看的，不在页面中显示。</h3>
                <button class="btn btn-primary next" @click="onNextStep">下一步</button> -->
            </div>

            <!-- 工厂的员工选择 -->
            <div class="box factory" v-if="curPage.indexOf('FactoryEmployeeSelect') > -1">
                <h2 class="title">{{manageDataFactory.name}}</h2>
                <div class="btns">
                    <div class="btns-child" v-for="(item, k) in manageDataFactory.child_type" v-key="k">
                        <button class="btn" :className="item.class_name" :dataId="k" @mouseenter="mBtnEnter" @mouseleave="mBtnLeave">{{item.name}}</button>
                    </div>
                </div>
                <h3>注意：此处点击身份，直接切换页面了，实际当中需要点击下一页，再作页面跳转。这话是给技术看的，不在页面中显示。</h3>
                <button class="btn btn-primary next" @click="onNextStep">下一步</button>
                
                <div v-if="panelLeft && kind" class="panel panel-left factory-panel-left" @mouseleave="mPanlOut" @mouseenter="mPanlOver">
                    <h2 class="name">{{selectFactory.name}}</h2>
                    <div class="childs">
                        <a href="#" v-for="(item, k) in selectFactory.childs" v-key="k">{{item}}</a>
                    </div>
                </div>
                <div v-if="panelRight && kind" class="panel panel-right factory-panel-right" @mouseleave="mPanlOut" @mouseenter="mPanlOver">
                    <h2 class="name">{{selectFactory.name}}</h2>
                    <div class="childs">
                        <a href="#" v-for="(item, k) in selectFactory.childs" v-key="k">{{item}}</a>
                    </div>
                </div>
            </div>

            <!-- 公司的员工选择 -->
            <div class="box company" v-if="curPage.indexOf('CompanyEmployeeSelect') > -1">
                <h2 class="title">{{manageDataCompany.name}}</h2>
                <div class="btns">
                    <div class="btns-child" v-for="(item, k) in manageDataCompany.child_type" v-key="k">
                        <button class="btn" :className="item.class_name" :dataId="k" @mouseenter="mBtnEnter" @mouseleave="mBtnLeave">{{item.name}}</button>
                    </div>
                </div>
                <h3>注意：此处点击身份，直接切换页面了，实际当中需要点击下一页，再作页面跳转。这话是给技术看的，不在页面中显示。</h3>
                <button class="btn btn-primary next" @click="onNextStep">下一步</button>
                
                <div v-if="panelLeft && kind" class="panel panel-left company-panel-left" @mouseleave="mPanlOut" @mouseenter="mPanlOver">
                    <h2 class="name">{{selectCompany.name}}</h2>
                    <div class="childs">
                        <a href="#" v-for="(item, k) in selectCompany.childs" v-key="k">{{item}}</a>
                    </div>
                </div>
                <div v-if="panelRight && kind" class="panel panel-right company-panel-right" @mouseleave="mPanlOut" @mouseenter="mPanlOver">
                    <h2 class="name">{{selectCompany.name}}</h2>
                    <div class="childs">
                        <a href="#" v-for="(item, k) in selectCompany.childs" v-key="k">{{item}}</a>
                    </div>
                </div>
            </div>

            <!-- 基本信息1 -->
            <div class="box basic-info-1" v-if="curPage.indexOf('BasicInfo1') > -1">
                <h2 class="title">基本信息</h2>
                <div class="contents">
                    <div class="content-basic">
                        <div class="second-title">姓名：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">性别：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">出生日期：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">形象照上传：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">最高学历：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">身份证号码：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">体重：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">户口地址：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">政治面貌：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">现住地址：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">籍贯：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">紧急联系人：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">民族：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">紧急电话：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">婚姻状况：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">期望月薪：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">住宿情况：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">专业技能：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">职位：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="second-title">特长爱好：</div>
                        <input type="text">
                    </div>
                </div>
                <button class="btn btn-primary next" @click="onNextStep">下一步</button>
                <!-- <div class="btns">
                    <button class="btn btn-save">保存设置</button>
                    <button class="btn btn-primary" @click="onNextStep">下一步</button>
                </div> -->
            </div>
            <!-- 基本信息2 -->
            <div class="box basic-info-2" v-if="curPage.indexOf('BasicInfo2') > -1">
                <h2 class="title">基本信息</h2>
                <div class="contents">
                    <!-- 教育背景 -->
                    <div class="content-basic">
                        <span class="second-title">教育背景</span>
                        <div class="second-content">
                            <div class="third-content">
                                <div class="third-title">起止时间：</div>
                                <input type="date" class="date-input" />
                                <span class="text-content">至</span>
                                <input type="date" class="date-input" />
                            </div>
                            <div class="third-content">
                                <div class="third-title">毕业院校：</div>
                                <input type="text" />
                            </div>
                        </div>
                        <div class="second-content">
                            <div class="third-content">
                                <div class="third-title">专业：</div>
                                <select>
                                    <option value="volvo">专业选择</option>
                                    <option value="volvo">计算机</option>
                                    <option value="saab">金融</option>
                                    <option value="opel">会计</option>
                                    <option value="audi">机械</option>
                                </select>
                            </div>
                        </div>
                        <div class="second-content">
                            <div class="third-content">
                                <div class="third-title">所获奖项：</div>
                                <textarea class="right" name="所获奖项" id="" cols="30" rows="5" maxlength="400"></textarea>
                            </div>
                        </div>

                    </div>

                    <!-- 工作经历 -->
                    <div class="content-basic">
                        <span class="second-title">工作经历</span>
                        <div class="second-content">
                            <div class="third-content">
                                <div class="third-title">起止时间：</div>
                                <input type="date" class="date-input" />
                                <span class="text-content">至</span>
                                <input type="date" class="date-input" />
                            </div>
                            <div class="third-content">
                                <div class="third-title">公司名称：</div>
                                <input type="text" />
                            </div>
                        </div>
                        <div class="second-content">
                            <div class="third-content">
                                <div class="third-title">职位：</div>
                                <select>
                                    <option value="volvo">职位选择</option>
                                    <option value="volvo">计算机</option>
                                    <option value="saab">金融</option>
                                    <option value="opel">会计</option>
                                    <option value="audi">机械</option>
                                </select>
                            </div>
                        </div>
                        <div class="second-content">
                            <div class="third-content">
                                <div class="third-title">离职原因：</div>
                                <textarea class="right" name="离职原因" id="" cols="30" rows="5" maxlength="400"></textarea>
                            </div>
                        </div>
                    </div>

                    <!-- 家庭成员 -->
                    <div class="content-basic">
                        <span class="second-title">家庭成员</span>
                        <div class="second-content">
                            <div class="third-content">
                                <div class="third-title">姓名：</div>
                                <input type="text" />
                            </div>
                            <div class="third-content">
                                <div class="third-title">称谓：</div>
                                <input type="text" />
                            </div>
                            <div class="third-content">
                                <div class="third-title">工作单位：</div>
                                <input type="text" />
                            </div>
                            <div class="third-content">
                                <div class="third-title">联系电话：</div>
                                <input type="text" />
                            </div>
                        </div>
                    </div>

                    <!-- 自我能力评价 -->
                    <div class="content-basic">
                        <span class="second-title">自我能力评价</span>
                        <div class="second-content">
                            <textarea class="tareas" name="自我能力评价" id="" cols="30" rows="4" maxlength="360"></textarea>
                        </div>
                    </div>

                    <!-- 自我爱好特长评价 -->
                    <div class="content-basic">
                        <span class="second-title">自我爱好特长评价</span>
                        <div class="second-content">
                            <textarea class="tareas" name="自我爱好特长评价" id="" cols="30" rows="4" maxlength="360"></textarea>
                        </div>
                    </div>

                    <!-- 员工对工厂对评价 -->
                    <div class="content-basic">
                        <span class="second-title">员工对工厂对评价</span>
                        <div class="second-content">
                            <textarea class="tareas" name="员工对工厂对评价" id="" cols="30" rows="4" maxlength="360"></textarea>
                        </div>
                    </div>
                </div>
                <button class="btn btn-primary next"  @click="onNextStep">下一步</button>

            </div>
             <!-- 求职意向-工厂 -->
             <div class="box factory-objective"  v-if="curPage.indexOf('FactoryObjective') > -1">
                <h2 class="title">求职意向</h2>
                <div class="contents">
                    <div class="content-factory">
                        <span class="second-title">面料种类</span>
                        <div class="second-content">
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>牛仔</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>双面尼</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>单面尼</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>羽绒服</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>针织</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>梭织</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>真丝</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>雪纺</span></div>
                        </div>
                    </div>
                    
                    <div class="hr"></div>

                    <div class="content-factory">
                        <span class="second-title">面料种类</span>
                        <div class="second-content">
                            <div class="choose"><input class="radio" type="radio" name="grade" /><span>学徒</span></div>
                            <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作1-2年</span></div>
                            <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作3-5年</span></div>
                            <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作6-10年</span></div>
                            <div class="choose"><input class="radio" type="radio" name="grade" /><span>10年以上</span></div>
                        </div>
                    </div>

                    <div class="hr"></div>

                    <div class="content-factory">
                        <span class="second-title">擅长种类</span>
                        <div class="second-content">
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>拼缝</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>做领子</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>上领子</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>开口袋</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>大烫</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>模板车</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>双针车</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>套里布</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>西装</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>西裤</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>裤子</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>大衣</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>装拉链</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>小烫</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>压线</span></div>
                            <div class="choose"><input class="checkbox" type="checkbox" /><span>夹克</span></div>
                        </div>
                    </div>

                </div>

                <button class="btn btn-primary next" @click="onNextStep">下一步</button>
            </div>
            <!-- 求职意向-公司 -->
            <div class="box company-objective" v-if="curPage.indexOf('CompanyObjective') > -1">
                <h2 class="title">求职意向</h2>
                <div class="contents">
                    <div class="content-basic">
                        <div class="third-title">地点：</div>
                        <select>
                            <option value="volvo">全部</option>
                            <option value="volvo">选择1</option>
                            <option value="saab">选择2</option>
                            <option value="opel">选择3</option>
                            <option value="audi">选择4</option>
                        </select>
                    </div>
                    <div class="content-basic">
                        <div class="third-title">职能：</div>
                        <select>
                            <option value="volvo">全部</option>
                            <option value="volvo">选择1</option>
                            <option value="saab">选择2</option>
                            <option value="opel">选择3</option>
                            <option value="audi">选择4</option>
                        </select>
                    </div>
                    <div class="content-basic">
                        <div class="third-title">职位：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">薪资：</div>
                        <input type="text">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">期望月薪：</div>
                        <select>
                            <option value="volvo">全部</option>
                            <option value="volvo">选择1</option>
                            <option value="saab">选择2</option>
                            <option value="opel">选择3</option>
                            <option value="audi">选择4</option>
                        </select>
                    </div>
                    <div class="content-basic">
                        <div class="third-title">工作类型：</div>
                        <select>
                            <option value="volvo">全部</option>
                            <option value="volvo">选择1</option>
                            <option value="saab">选择2</option>
                            <option value="opel">选择3</option>
                            <option value="audi">选择4</option>
                        </select>
                    </div>
                    <div class="content-basic">
                        <div class="third-title">行业：</div>
                        <select>
                            <option value="volvo">全部</option>
                            <option value="volvo">选择1</option>
                            <option value="saab">选择2</option>
                            <option value="opel">选择3</option>
                            <option value="audi">选择4</option>
                        </select>
                    </div>
                    <div class="content-basic">
                        <div class="third-title">到岗时间：</div>
                        <input type="date">
                    </div>
                    
                    <div class="content-basic">
                        <div class="third-title">个人标签：</div>
                        <div class="basic-btns">
                            <button class="btn">标签1</button>
                            <button class="btn">标签1</button>
                            <button class="btn">标签1</button>
                            <button class="btn">标签1</button>
                            <button class="btn">标签1</button>
                            <button class="btn">标签1</button>
                            <button class="btn">标签1</button>
                            <button class="btn">标签1</button>
                        </div>
                    </div>
                </div>
                <button class="btn btn-primary next" @click="onNextStep">下一步</button>
            </div>
            <!-- 员工认证 -->
            <div class="box certification" v-if="curPage.indexOf('Certification') > -1">
                <h2 class="title">员工认证</h2>
                <div class="contents">
                    <div class="content-basic">
                        <div class="third-title">本人照片：</div>
                        <input type="file">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">身份证：</div>
                        <input type="file">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">毕业证：</div>
                        <input type="file">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">奖状：</div>
                        <input type="file">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">离婚证：</div>
                        <input type="file">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">结婚证：</div>
                        <input type="file">
                    </div>
                    <div class="content-basic">
                        <div class="third-title">驾驶证：</div>
                        <input type="file">
                    </div>
                </div>
                <button class="btn btn-primary next" @click="onNextStep">保存提交</button>

            </div>
        </div>

        <div class="footer"></div>
    </div>
    <script src="../../js/common/jquery-1.8.3.min.js"></script>
    <script src="../../js/common/vue_2.5.13.js"></script>
    <script src="../../js/components/header.js"></script>
    <script src="../../js/StaffManage/StaffType.js"></script>
</body>
</html>